<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title></title>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<!-- 头部区域 -->
		<header class="hospital-header">
			<div class="hospital-container">
				<div class="hospital-topbar">
					<div class="hospital-logo" style="margin:18px 105px 0px 8px">
						<img src="./static/imgs/logo.jpg" width="260px" alt="医院标志">
					</div>
					<div class="header-rg">
						<span style="font-size: 14px;">
							<a href="appointments.html" target="_blank"
								style="text-decoration: none; color: dimgray;">预约挂号</a>
							|
							<a href="zhuanjiaList.html" target="_blank"
								style="text-decoration: none; color: dimgray;">专家介绍</a>
							|
							<a href="lyjt.html" target="_blank" style="text-decoration: none; color: dimgray;">来院交通</a>
							|
							<a href="contact.html" target="_blank"
								style="text-decoration: none; color: dimgray;">联系我们</a>
						</span>
						<div class="hospital-search">
						    <input type="text" id="searchInput" placeholder="输入关键词搜索..." style="width: 210px;">
						    <button id="searchButton" style="background: none; border: none; cursor: pointer;">
						        <img src="static/imgs/ss.gif" alt="搜索">
						    </button>
						</div>
					</div>
				</div>
				<nav class="hospital-nav">
					<ul class="nav-menu">
						<li><a href="#">首页</a></li>
						<li><a href="zhuanjiaList.html">专家介绍</a></li>
						<li><a href="chat.html">智能预约</a></li>
						<li><a href="medical-info.html">医疗知识库</a></li>
						<li><a href="appointments.html">我的预约</a></li>
						<li><a href="profile.html">个人中心</a></li>
						<li><a href="lyjt.html">来院交通</a></li>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</nav>
			</div>
		</header>

		<!-- 主要内容区 -->
		<main class="hospital-main" style="padding-top: 8px;">
			<div class="hospital-container">
				<div class="content-card" style="padding: 5px;height: 325px;background-color: #d8e8e2;">
					<div class="news-carousel">
						<div style="width: 747px;height: 265px;">
							<a href="#">
								<img src="static/imgs/image1.jpg" style="width: 119%;height: 119%;" alt="医院新闻">
							</a>
						</div>
						<!-- 右侧小图列表 -->
						<div class="thumbnail-list">
							<div>
								<a href="#">
									<img src="static/imgs/index1_16.jpg" alt="学术会议">
								</a>
							</div>
							<div>
								<a href="#">
									<img src="static/imgs/index1_17.jpg" alt="学术会议">
								</a>
							</div>
							<div>
								<a href="#">
									<img src="static/imgs/index1_18.jpg" alt="学术会议">
								</a>
							</div>
							<div>
								<a href="#">
									<img src="static/imgs/index1_19.jpg" alt="学术会议">
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="content-row">
					<div class="main-content">
						<div class="content-card">
							<div class="card-title">
								<span>新闻动态</span>
								<a href="#">更多 <i class="fas fa-angle-right"></i></a>
							</div>

							<div class="card-content-wrapper">
								<div class="news-carousel">
									<!-- 左侧大图区域 -->
									<div class="main-slide">
										<img src="static/imgs/xinwen1.jpg" alt="医院活动照片" id="main-slide-img">
										<div class="slide-caption">
											<div class="pagination">
												<div class="title-dots">
													<p class="slide-title"
														title="党建引领强根基 以赛促学砺精技——我院'三基'综合服务技能大赛决赛圆满收官">
														党建引领强根基 以赛促学砺精技——我院"三基"综合服务技能大赛决赛圆满收官
													</p>
													<div class="pagination-dots">
														<div class="dot active" data-img="xinwen1.jpg"
															data-title="党建引领强根基 以赛促学砺精技——我院'三基'综合服务技能大赛决赛圆满收官">1</div>
														<div class="dot" data-img="xinwen2.jpg"
															data-title="关西医科大学代表团分赴我院和康复大学进行学术交流">2</div>
														<div class="dot" data-img="xinwen3.jpg"
															data-title="山海情深 医路同行——“组团式”援藏接力续写高原健康新篇章">3</div>
														<div class="dot" data-img="xinwen4.png"
															data-title="“降压阀”启动 高血压治疗迈入“精准调控”新时代">4</div>
														<div class="dot" data-img="xinwen5.jpg"
															data-title="青岛市护理行业先进典型代表王淑娟护士长出席媒体见面会">5</div>
													</div>
												</div>
											</div>
										</div>
									</div>

									<!-- 右侧新闻列表 -->
									<div class="news-list-container">
										<ul class="news-list">
											<li class="news-item">
												<a href="#">
													<span>党建引领强根基 以赛促学砺精技——我院</span>
													<span class="news-date">[05-26]</span>
												</a>
											</li>
											<li class="news-item">
												<a href="#">
													<span>小切口解决大难题 双侧甲状腺癌也可"无痛</span>
													<span class="news-date">[05-22]</span>
												</a>
											</li>
											<li class="news-item">
												<a href="#">
													<span>我院2025年首场沉浸式体验活动座谈会顺利</span>
													<span class="news-date">[05-21]</span>
												</a>
											</li>
											<li class="news-item">
												<a href="#">
													<span>关西医科大学代表团分赴我院和康复大学进</span>
													<span class="news-date">[05-20]</span>
												</a>
											</li>
											<li class="news-item">
												<a href="#">
													<span>"关节腔灌注"助力攻"肩"克难 青岛市</span>
													<span class="news-date">[05-19]</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="content-card">
							<div class="card-title">
								<span>医院院报</span>
								<a href="#">更多 <i class="fas fa-angle-right"></i></a>
							</div>
							<ul class="news-list">
								<li class="news-item">
									<a href="#">
										<span>第256期</span>
										<span class="news-date">[2024-12-12]</span>
									</a>
								</li>
								<li class="news-item">
									<a href="#">
										<span>第255期</span>
										<span class="news-date">[2024-12-13]</span>
									</a>
								</li>
								<li class="news-item">
									<a href="#">
										<span>第254期</span>
										<span class="news-date">[2024-10-16]</span>
									</a>
								</li>
								<li class="news-item">
									<a href="#">
										<span>第253期</span>
										<span class="news-date">[2024-09-29]</span>
									</a>
								</li>
								<li class="news-item">
									<a href="#">
										<span>第252期</span>
										<span class="news-date">[2024-08-16]</span>
									</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="side-content">
						<div class="content-card">
							<div class="card-title">
								<span>快速通道</span>
							</div>
							<div class="quick-links">
								<div class="quick-link">
									<a href="chat.html">
										<i class="fas fa-calendar-check"></i>
										预约挂号
									</a>
								</div>
								<div class="quick-link">
									<a href="zhuanjiaList.html">
										<i class="fas fa-user-md"></i>
										专家介绍
									</a>
								</div>
								<div class="quick-link">
									<a href="lyjt.html">
										<i class="fas fa-map-marker-alt"></i>
										交通指南
									</a>
								</div>
								<div class="quick-link">
									<a href="contact.html">
										<i class="fas fa-phone-alt"></i>
										联系我们
									</a>
								</div>
							</div>
						</div>

						<div class="content-card">
							<div class="card-title">
								<span>专家介绍</span>
								<a href="zhuanjiaList.html">更多 <i class="fas fa-angle-right"></i></a>
							</div>
							<div class="expert-carousel-wrapper">
								<div class="expert-list">
									<div class="expert-card">
										<div>
											<img src="static/imgs/zhuanjia1.jpg" alt="牛兆倬"
												style="width: 100%;height: 100%;" />
										</div>
										<div class="expert-info">
											<div class="expert-name">牛兆倬</div>
											<div class="expert-title">副主任医师</div>
											<div class="expert-department">心脏大血管外科</div>
										</div>
									</div>
									<div class="expert-card">
										<div>
											<img src="static/imgs/zhuanjia2.jpg" alt="王清义"
												style="width: 100%;height: 100%;" />
										</div>
										<div class="expert-info">
											<div class="expert-name">王清义</div>
											<div class="expert-title">主任医师</div>
											<div class="expert-department">疼痛科</div>
										</div>
									</div>
									<div class="expert-card">
										<div>
											<img src="static/imgs/zhuanjia3.jpg" alt="张佃良"
												style="width: 100%;height: 100%;" />
										</div>
										<div class="expert-info">
											<div class="expert-name">张佃良</div>
											<div class="expert-title">主任医师 博士生导师</div>
											<div class="expert-department">结直肠外科</div>
										</div>
									</div>
									<div class="expert-card">
										<div>
											<img src="static/imgs/zhuanj4.jpg" alt="石杰"
												style="width: 100%;height: 100%;" />
										</div>
										<div class="expert-info">
											<div class="expert-name">石杰</div>
											<div class="expert-title">主任药师</div>
											<div class="expert-department">临床药学</div>
										</div>
									</div>
									<div class="expert-card">
										<div>
											<img src="static/imgs/zhuanjia5.jpg" alt="邵一兵"
												style="width: 100%;height: 100%;" />
										</div>
										<div class="expert-info">
											<div class="expert-name">邵一兵</div>
											<div class="expert-title">主任医师 博士研究生导师</div>
											<div class="expert-department">心血管</div>
										</div>
									</div>
									<div class="expert-card">
										<div>
											<img src="static/imgs/zhuanjia6.jpg" alt="李霞"
												style="width: 100%;height: 100%;" />
										</div>
										<div class="expert-info">
											<div class="expert-name">李霞</div>
											<div class="expert-title">副主任医师</div>
											<div class="expert-department">超声诊断</div>
										</div>
									</div>
									<div class="expert-card">
										<div>
											<img src="static/imgs/zhuanjia7.jpg" alt="刘夫玲"
												style="width: 100%;height: 100%;" />
										</div>
										<div class="expert-info">
											<div class="expert-name">邵一兵</div>
											<div class="expert-title">主任医师 硕导</div>
											<div class="expert-department">眼科</div>
										</div>
									</div>
									<div class="expert-card">
										<div>
											<img src="static/imgs/zhuanjia8.jpg" alt="韩伟"
												style="width: 100%;height: 100%;" />
										</div>
										<div class="expert-info">
											<div class="expert-name">邵一兵</div>
											<div class="expert-title">主任医师 硕导</div>
											<div class="expert-department">呼吸内科</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</main>

		<!-- 页脚区域 -->
		<footer class="hospital-footer">
			<div></div>
			<div>
				<p>Copyright©青岛市市立医院（集团）</p>
				<p>鲁ICP备09051934号</p>
				<p>医院邮箱：qdsslyybgs@qd.shandong.cn</p>
				<p>技术支持：22计算机3姚志诚</p>
			</div>
		</footer>
		<script src="./js/index.js"></script>
		<script src="./js/common.js"></script>
	</body>
</html>